<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>

    <!--移动端脚本-->
    <script src="../js/base.min.js"></script>

    <link rel="stylesheet" href="//at.alicdn.com/t/font_1522966_4w46ccvgxrs.css"/>
    <link rel="stylesheet" href="../css/dengruye.css"/>

</head>
<body>


<header flex="dir:top cross:center main:center">
    <span class="sp-1">AVITAL</span>
    <span class="sp-2">Mobile UI Kit</span>
</header>

<section flex="dir:top cross:center" id="a">
        <input type="text" placeholder="E-mail" class="in-1">
        <!--span class="sp-3">E-mail</span>-->
        <input type="password" placeholder="Password" class="in-2">

</section>

<footer flex="dir:top cross:center">
    <button class="bu-1">
        LOGIN NOW
        <i class="iconfont icon-jiantou-copy "></i>
    </button>
    <div class="div-1" flex>
        <button class="bu-2">
            <i class="iconfont icon-Facebook"></i>Facebook</button>
        <button class="bu-3">
            <i class="iconfont icon-google"></i>
            Google+
        </button>

    </div>
    <a href="zhuce.html">Don’t have an account?</a>
</footer>



</body>
</html>